/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-05-10 10:06:03
 * @LastEditTime : 2023-05-30 10:03:38
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Pages\Front\Common\Template\Scss\ScheduleInvest.scss
 * @Description  : 
 */
.ScheduleInvest001 {
	width: 100%;
	padding: 16px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-direction: column;

	& > div {
		width: 100%;

		&:nth-child(1) {
			display: flex;
			align-items: center;
			justify-content: space-around;
			position: relative;
			flex: 1;

			& > div:first-child {
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-wrap: wrap;
				height: 100%;
				align-content: space-between;
				padding: 16px 0;

				& > div {
					width: 50%;
					position: relative;
					margin-bottom: 8px;

					&::after {
						position: absolute;
						content: "";
						left: 0;
						bottom: 6px;
						width: 80%;
						height: 6px;
						background: -webkit-linear-gradient(
							left,
							rgba(86, 255, 238, 0.2),
							rgba(0, 0, 0, 0)
						);
					}

					& > div:first-child {
						height: 16px;
						line-height: 16px;
						font-size: 16px;
						font-family: YouSheBiaoTiHei;
						font-weight: 400;
					}

					& > div:last-child {
						display: flex;
						align-items: baseline;
						justify-content: flex-start;
						font-family: YouSheBiaoTiHei;
						font-weight: 400;
						color: #ffffff;

						& > div:first-child {
							font-size: 24px;
						}

						& > div:last-child {
							font-size: 16px;
						}
					}
				}
			}

			& > .Progress {
				position: absolute;
				width: 250px;
				height: 250px;
				display: flex;
				align-items: center;
				justify-content: center;

				& > img {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					display: block;
					z-index: -1;
				}
			}

			.ChartsNumber {
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: #ffffff;

				& > div:first-child {
					font-size: 24px;
					height: 24px;
					line-height: 24px;
					margin-bottom: 4px;
				}

				& > div:last-child {
					font-size: 18px;
					height: 18px;
					line-height: 18px;
				}
			}
		}

		&:nth-child(2) {
			height: 300px;
			.Charts {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 250px;

				& > .Table {
					margin-left: 16px;
					width: 230px;

					& > div {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
						position: relative;

						&::after {
							position: absolute;
							content: "";
							left: 0;
							bottom: 4px;
							width: 100%;
							height: 6px;
							background: -webkit-linear-gradient(
								left,
								rgba(86, 255, 238, 0.2),
								rgba(0, 0, 0, 0)
							);
						}

						& > div:first-child {
							font-size: 21px;
							font-family: YouSheBiaoTiHei;
							font-weight: 400;
						}

						& > div:last-child {
							font-size: 24px;
							font-family: YouSheBiaoTiHei;
							font-weight: 400;
							color: #ffffff;
						}
					}
				}
			}
		}
	}
}
